<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>作用域01</title>
    <script src="angularjs/angular.min.js"></script>
    <link rel="stylesheet" href="bootstrap.min.css"/>
</head>
<body ng-app="app">

    <div ng-controller="ctrl">
        <ul class="list-group">
            <li class="list-group-item"><input type="text" ng-model="text"/>{{text}}</li>
            <li class="list-group-item"><input type="checkbox" ng-model="checkbox"/>{{checkbox}}</li>
            <li class="list-group-item"><input type="radio" ng-model="radio"/>{{radio}}</li>
            <li class="list-group-item"><input type="number" ng-model="number"/>{{number}}</li>
            <li class="list-group-item"><input type="email" ng-model="email"/>{{email}}</li>
            <li class="list-group-item"><input type="url" ng-model="url"/>{{url}}</li>
            <li class="list-group-item"><input type="date" ng-model="date"/>{{date}}</li>
            <li class="list-group-item"><input type="time" ng-model="time"/>{{time}}</li>
            <li class="list-group-item"><input type="datetime-local" ng-model="dateTimeLocal"/>{{dateTimeLocal}}</li>
            <li class="list-group-item">
                <textarea name="" cols="30" rows="10" ng-model="area"></textarea>
                {{area}}
            </li>
            <li class="list-group-item">
                <select name="" id="" ng-model="sex">
                    <option value="男" selected>男</option>
                    <option value="女">女</option>
                </select>
                {{sex}}
            </li>
        </ul>

    </div>


<script>
    angular.module("app",[])
            .controller("ctrl",function($scope){
                $scope.time = new Date();
                $scope.dateTimeLocal = new Date();
                $scope.radio  = false;
                $scope.myClick = function(){
                    alert("ok");
                }
            })
</script>
</body>
</html>